define("cartlist",["jquery","jquery.cookie"],function () {
    return{
        cartlist:function () {
            $("header").load("header.html");
            $("footer").load("footer.html");
            if(sessionStorage["cartlist"]!=null){
                var user=JSON.parse(sessionStorage["cartlist"] || "[]" );
                var uid=(user.data.uId);
                var data=new FormData();
                data.append("uId",uid);
                $.ajax({
                    url:"../server/shoplist.php",
                    type:"post",
                    data:data,
                    dataType:"json",
                    processData:false,
                    contentType:false,
                }).then(function (res) {
                    // console.log(res);
                    res.forEach(function (ele,index) {
                        var htm=`<tr>
        <td><input class="chk" type="checkbox"></td>

        <td>
            <img src=${ele[8]} alt="">
            <i>${ele[1]}</i>
            <i>
                颜色:${ele[4]}
            </i>
            <i>尺寸: <u id="psize">${ele[3]}</u> </i>

        </td>
        <td >￥<strong id="price">${ele[2]}</strong></td>
        <td>
            <span id="reduce">-</span>
            <span id="num">${ele[5]}</span>
            <span id="add">+</span>
        </td>
        <td>￥<strong  id="xiaoji">${ele[6]}</strong></td>
        <td><a href="#" class="del" data-info='${ele[0]}'>删除</a></td>
    </tr>`;
                        $("tbody").html($(htm));
                    })

                })

                $("body").on("click",".del",function () {
                    $(this).parents("tbody").remove();
                    var pid=$(this).data("info");
                    data.append("gId",pid);
                    $.ajax({
                        url:"../server/delete.php",
                        type:"post",
                        data:data,
                        dataType:"json",
                        processData:false,
                        contentType:false,
                    }).then(function (res) {
                        console.log(res);
                    })

                })

                $(".sum").click(function () {

                    var lnum=$("#num").text();
                    var pid=$(".del").data("info");
                    var user=JSON.parse(sessionStorage["cartlist"] || "[]" );
                    var uid=(user.data.uId);
                    var ldata=new FormData();
                    ldata.append("pid",pid);
                    ldata.append("userId",uid);
                    ldata.append("num",lnum);
                    // console.log($(".del").data("info"));

                    $.ajax({
                        url:"../server/count.php",
                        type:"post",
                        dataType:"json",
                        data:ldata,
                        processData:false,
                        contentType:false,
                    }).then(function (res) {
                        console.log(res);
                    })

                })

            }
            else {
                //拿cookie里的值
                var cookielist=JSON.parse($.cookie("cart") || '[]');
                cookielist.forEach(function (ele,index) {
                    var htm=`<tr>
        <td><input class="chk" type="checkbox"></td>

        <td>
            <img src=${ele.p_img} alt="">
            <i>${ele.p_name}</i>
            <i>
                颜色:${ele.p_color}
            </i>
            <i>尺寸:${ele.p_size}</i>

        </td>
        <td >￥<strong id="price">${ele.p_price}</strong></td>
        <td>
            <span id="reduce">-</span>
            <span id="num">${ele.num}</span>
            <span id="add">+</span>
        </td>
        <td>￥<strong  id="xiaoji">${ele.toal}</strong></td>
        <td><a href="#" class="del">删除</a></td>
    </tr>`;
                    $("tbody").html($(htm));


                })

                $(".sum").click(function () {

                    var cookieList=JSON.parse($.cookie("cart") || '[]');
                    cookieList.forEach(function (ele,index) {
                       ele.num=$("#num").text();
                       ele.toal=$("#xiaoji").text();

                    })
                    $.cookie("cart",JSON.stringify(cookieList));

                    $(".tan").css({display:"block"});
                })
                $(".close").click(function () {
                    $(this).parent().remove();
                })
                $(".tanquxiao").click(function () {
                    $(this).parents(".tan").remove();
                })

            }
            $("body").on("click",".chk",function () {
                if($(this).prop("checked")==false) {
                    $("#toal").html("0.00");
                }
                else {
                    $("#toal").html($("#num").text()*$("#price").text());
                }
            })


            $("#all").click(function () {
                $("table [type=checkbox]").prop("checked",$(this).prop("checked"));
                var money= $("#price").text()*$("#num").text();
                $("#toal").html(money);
                if($(this).prop("checked")==false) {
                    $("#toal").html("0.00");
                }

            })


            $("body").on("click","#add",function () {
                $("#num").text(Number($("#num").text())+1);
                // if($("#num").text()>=5){
                //     $("#num").text(5);
                //     alert("最多购买5件");
                // }
                $("#xiaoji").html($("#num").text()*$("#price").text());
                if($("#all").prop("checked")==true){
                    $("#toal").html($("#num").text()*$("#price").text());
                } if($(".chk").prop("checked")==true){
                    $("#toal").html($("#num").text()*$("#price").text());
                }

            })
            $("body").on("click","#reduce",function () {
                $("#num").text(Number($("#num").text())-1);
                if($("#num").text()<=1){
                    $("#num").text(1);
                }
                $("#xiaoji").html($("#num").text()*$("#price").text());
                if($("#all").prop("checked")==true){
                    $("#toal").html($("#num").text()*$("#price").text());
                }
                if($(".chk").prop("checked")==true){
                    $("#toal").html($("#num").text()*$("#price").text());
                }

            })
            $(document).scroll(function () {
                if($(this).scrollTop()>=100){
                    $("nav").css({"position":"fixed","top":0,"z-index":999});
                    $(".auto").css({"margin-top":$("nav").height()});

                }
                else {
                    $("nav").css({"position":"static"});
                    $(".auto").css({"margin-top":0});
                }
            })

            $("body").on("click","tbody [type=checkbox]",function () {
                 for(var i=0,len=$("tbody [type=checkbox]").length; i<len; i++){
                    var cc=$($("tbody [type=checkbox]")[i]);
                    if(cc.prop("checked")==true){
                        $("thead [type=checkbox]").prop("checked","checked");
                        $("tfoot [type=checkbox]").prop("checked","checked");
                    }
                    else {
                        $("thead [type=checkbox]").prop("checked","");
                        $("tfoot [type=checkbox]").prop("checked","");
                    }

                }

            })











        }
    }
})